<template>
  <div class="zhen">
      
      <div class="zhennav">
        <router-link to="/shouye">首页</router-link>
        <router-link to="/tansuo">探索</router-link>
        <router-link to="/tiao">tiao</router-link>
        <img src="img/zhen-logo1.jpg" alt="">
        <img src="img/zhen-logo2.jpg" alt="">

      </div>
      




<router-view></router-view>
      <Bottomfu/>
  </div>
</template>

<script>
import Bottomfu from "@/components/bottom/fu.vue"

export default {
  components:{
    Bottomfu
  }
}
</script>
<style scoped>

.zhennav{
  width: 100%;
  height: 0.5rem;
  box-sizing: border-box;
  padding:0.1rem 0.2rem;
  position: relative;
  background:linear-gradient(to right, #f7e3f7, #f3e5f3);
  position: sticky;
  top: 0;
  z-index: 11;
}
a{
margin: 0 0.1rem;
}
.router-link-active{
  color: orange;
  font-size: 0.24rem;
}
img{
  position: absolute;
  top: 0.15rem;
}
img:nth-of-type(1){
  margin-left:1rem;
}
img:nth-of-type(2){
  margin-left:1.3rem;
}
</style>